import React from 'react';
// import ExampleWithUseCacheMakeList from './ExampleWithUseCacheMakeList';
// import ExampleWithReactQuery from './ExampleWithReactQuery';
// import ExampleWithUseModel from './ExampleWithUseModel';
import ExampleWithSingleSelect from './ExampleWithSingleSelect';

export default function Indx() {
  const channel = new MessageChannel();
  const message = { data: 'Hello MessageChannel!' };
  channel.port1.postMessage(message);

  channel.port2.onmessage = function(event) {
    console.log(event.data);
  };
  return (
    <div>
      {/* <ExampleWithUseCacheMakeList /> */}
      {/* <ExampleWithReactQuery /> */}
      {/* <ExampleWithUseModel /> */}
      <ExampleWithSingleSelect />
      {/* <div>
        <div style={{ height: 800, overflow: 'scroll', position: 'relative' }}>
          <div style={{ height: 800, position: 'absolute', left: 0, top: 0, right: 0 }}></div>
          <div
            style={{
              transform: `translate3d(0, 400px, 0)`,
              position: 'relative',
              left: 0,
              top: 0,
              right: 0,
            }}
          >
            {Array.from({ length: 10 }).map((_, i) => (
              <div key={i} style={{ height: 40, background: 'skyblue', margin: 5 }}>
                {i}
              </div>
            ))}
          </div>
        </div>
      </div> */}
    </div>
  );
}
